Allgemeines zu EventsEreignisse können auch von anderen 'Sprachen' erkannt werden. Beispiel CSS: <style> mit 'hover'
Events können im JavaScript aktiviert werden: window.addEventListener('eventTyp', meineFunktion);
Oder innerhalb eines Tags: <meinTag oneventTyp='meineFunktion();'>bla, bla</meinTag>
Natürlich kann (sollte) der Funktion mindestens der Wert 'event' mitgegeben werden: meineFunktion(event,"info1");
Die danach ausgewertet werden können: function meineFunktion(e,i){
console.log(e.Methode1,e.Methode2...,i);
}
Bemerkenswert: auf der console werden event-Eigenschaften aufgelistet, die so nicht auf der Seite ausgegeben werden können
Ratschlag: Code-Beispiele können mit "Seitenquelltext anzeigen" des Kontextmenüs eingesehen werden.
Auf dieser Seite wurde in <script> window.addEventListener das 'mousemove' aktiviert und der untenstehende rote Text mit onclick und alle weitere Mausereignisse "ausgestattet".
Positionsangaben mit: mousemove TEXT
"on"-Events TEXT
ZusatzInfo: TEXT
Auswertung bei Klick: TEXT
Setze hier den Mauszeiger und drehe das Mausrad
Tasten-Eventskeydown, es gibt weitere... aber mir nutzen diese nicht
Drücke eine Taste
hier
Auf einigen Elemente kann auch mit onxxxx die Tastatur abgefragt werden. Beispiel alle Formularelemente wie button, input usw.
Auf dieser Seite wurde <body> und der untenstehende <button> mit onkeydown "ausgestattet". (besser als onkeypress)
Focus-Eventsfocus, blur
Es können nur Formularelemente wie button, input usw. mit Tab angesteuert, oder mit der Maus "fokussiert", werden
Fenster-Eventsresize, onchange und auch noch pageshow, pagehide
Leider werden naheliegende Erwartungen an Events entäuscht. Beispielsweise wäre ein 'resize' für <textarea>, ohne zuerst das Feld zu aktivieren, nützlich.